.about-wrapper{
  width: 1100px;
  display: flex;
  justify-content: space-between;
  margin: 36px 0;

  .left-box{
    width: 720px;
    box-sizing: border-box;

    .base-info{
      display: flex;
      align-items: center;
      justify-content: space-between;

      .user-area{
        margin-left: 24px;

        .sub-info{
          margin-top: 24px;
        }
      }
    }
    
    .base-info, .record{
      width: 100%;
      box-sizing: border-box;
      padding: 36px;
      border-radius: 8px;
      background-color: #ffffff;
    }

    .record{
      margin-top: 24px;

      .record-item{
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #ececec;
      }
    }
  }

  .right-box{
    width: 320px;
    height: 200px;
    box-sizing: border-box;
    padding: 36px;
    border-radius: 8px;
    background-color: #ffffff;

    .count, .integral{
      font-size: 14px;
      color: #2c2a2a;
    }
    .integral{
      margin-top: 18px;
    }
  }
}